import React, { useState, useEffect } from 'react';
import pics from "../../pictures/pic1.jpg"
// import "../../styles/Servicecenter.scss"
import { base_swiper2 } from "../../utils/api"
import Banner from '../../components/Banner';
import "../../styles/Servicecenter.scss"
interface Props {

}
function Servicecenter(props: Props) {
    var [swiperlist, setSwiperlist] = useState([])
    useEffect(() => {
        base_swiper2().then((res) => {
            if (res.data.code == 200) {
                setSwiperlist(res.data.list)

            }

        })
    }, [])

    const contentStyle: React.CSSProperties = {
        height: '400px',
        lineHeight: '160px',
        textAlign: 'center',
        width: "1600px"
    };

    return (
        <div className='servicecenter'>
            <div className='banner'>
                <Banner swiperlist={swiperlist} autoplay={true} />

            </div>
            <div className='system'>
                <p><span>全场景服务  (申请开通请咨询在线客服或致电400-666-8888)</span></p>
                <div className='message'>
                    <img src={pics} alt="" />
                    <span>在线系统</span>
                </div>
                <div className='message'>
                    <img src={pics} alt="" />
                    <span>呼叫系统</span>
                </div><div className='message'>
                    <img src={pics} alt="" />
                    <span>智能场控</span>
                </div><div className='message'>
                    <img src={pics} alt="" />
                    <span>客服知识库</span>
                </div>

            </div>
        </div>
    );
}

export default Servicecenter;